<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>App1</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-theme.min.css') }}"/>
</head>
<body>
<div class="container">
    <legend>User--App2</legend>
    <button class="btn btn-primary" data-toggle="modal" data-target="#select">Select</button>
    <button class="btn btn-primary" data-toggle="modal" data-target="#delete">Delete</button>
    <table class="table table-bordered table-hover">
        <thead></thead>
        <tbody></tbody>
    </table>
</div>
<div class="modal fade" id="select" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Select Logs</h4>
            </div>
            <div class="modal-body">
                <form id="selectForm" class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="application" class="col-sm-2 control-label">Application</label>

                        <div class="col-sm-10">
                            <select class="form-control" id="application" name="application">
                                <option selected="selected"></option>
                                <option value="0">RBAC</option>
                                <option value="1">APP</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="operation" class="col-sm-2 control-label">Operation</label>

                        <div class="col-sm-10">
                            <select class="form-control" id="operation" name="operation">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="operation" class="col-sm-2 control-label">Size</label>

                        <div class="col-sm-10">
                            <input type="text" id="size" name="size" class="form-control" value="1000"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button id="selectButton" type="submit" class="btn btn-default btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Select Logs</h4>
            </div>
            <div class="modal-body">
                <form id="deleteForm" class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="deleteApp" class="col-sm-2 control-label">Application</label>

                        <div class="col-sm-10">
                            <select class="form-control" id="deleteApp" name="deleteApp">
                                <option value="0">RBAC</option>
                                <option value="1">APP</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="time" class="col-sm-2 control-label">Time</label>

                        <div class="col-sm-10">
                            <input type="text" id="time" name="size" class="form-control" placeholder="xxxx-xx-xx"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button id="deleteButton" type="submit" class="btn btn-default btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="{{url_for('static', filename='js/jquery-2.1.1.js') }}"></script>
<script src="{{url_for('static', filename='js/bootstrap.min.js') }}"></script>
<script src="{{url_for('static', filename='js/auditing.js') }}"></script>
</body>
</html>